@charset "utf-8";

//框架默认主题色
$base-color-default: #0478FF;
//框架默认背景色
$base-main-background: #F7F8F9;
//默认层级
$base-z-index: 999;
//菜单背景色
$base-menu-background: rgb(40, 44, 52);
//菜单选中背景色
$base-menu-background-active: #003f76;
//菜单文字颜色
$base-menu-color: #fff;
//菜单选中文字颜色
$base-menu-color-active: #0078FF;
//标题颜色
$base-title-color: #fff;

//字体大小配置
$base-font-size-small: 12px;
$base-font-size-default: 14px;
$base-font-size-big: 16px;
$base-font-size-bigger: 18px;
$base-font-size-max: 22px;

//字体样式
$base-font-color: #333;
$base-font-color-active: #2979ff;
$base-color-green: #13ce66;
$base-color-white: #fff;
$base-color-black: #000;
$base-color-yellow: #ffba00;
$base-color-orange: #ff6700;
$base-color-red: #ff4d4f;
$base-color-gray: rgba(0, 0, 0, 0.65);

//app尺寸
$base-app-width: 100vw;
$base-app-height: 100vh;
$base-app-min-width: 1200px;
$base-app-max-width: 1920px;

// sidebar
$menuText: #bfcbd9;
$menuActiveText: #0078FF;
$subMenuActiveText: #f4f4f5;
$menuBg: linear-gradient(360deg, #111978 0%, #060c3b 100%);
$menuHover: #000724;
$subMenuBg: #1f2d3d;
$subMenuHover: #000724;

//header
$headerHeight: 60px;

//输入框高度
$base-input-height: 32px;
//默认paddiing
$base-padding: 0px;

//横向布局时top-bar、logo、一级菜单的高度
$base-top-bar-height: 65px;
//纵向布局时logo的高度
$base-logo-height: 75px;
//菜单li标签的高度
$base-menu-item-height: 50px;

//纵向布局时左侧导航未折叠时的宽度
$base-left-menu-width: 270px;
//纵向布局时左侧导航未折叠时右侧内容的宽度
$base-right-content-width: calc(100% - #{$base-left-menu-width});
//纵向布局时左侧导航已折叠时的宽度
$base-left-menu-width-min: 65px;
//纵向布局时左侧导航已折叠时右侧内容的宽度
$base-right-content-width-min: calc(100% - #{$base-left-menu-width-min});
//默认动画
$base-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
//默认动画时长
$base-transition-time: 0.3s;

//app-main的宽度
$base-app-main-width: 100%;

//app-main的高度
$base-app-main-height: calc(100vh - #{$base-top-bar-height});

:export {
  //菜单文字颜色变量导出
  menuColor: $base-menu-color;
  //菜单选中文字颜色变量导出
  menuColorActive: $base-menu-color-active;
  //菜单背景色变量导出
  menuBackground: $base-menu-background;
}
